<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- 必要的标签 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link crossorigin="anonymous" integrity="sha512-6KY5s6UI5J7SVYuZB4S/CZMyPylqyyNZco376NM2Z8Sb8OxEdp02e1jkKk/wZxIEmjQ6DRCEBhni+gpr9c4tvA==" href="https://lib.baomitu.com/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">

    <script crossorigin="anonymous" integrity="sha512-b3xr4frvDIeyC3gqR1/iOi6T+m3pLlQyXNuvn5FiRrrKiMUJK3du2QqZbCywH6JxS5EOfW0DY0M6WwdXFbCBLQ==" src="https://lib.baomitu.com/Chart.js/3.5.1/chart.js"></script>

    <style type="text/css">

        .cl{
            text-align: center;
            padding-top: 10%;
             /*  background-image: url("https://s4.ax1x.com/2021/12/06/oyVtXR.md.jpg");*/
            border-color: rgba(31,40,214,0.1);
            background-color: rgba(109,88,92,0.1);
            border-radius: 10px;
            background-size: cover;
            margin-top: 20px;

        }

        body{
            background:url("https://s4.ax1x.com/2021/12/06/oyGSPA.md.jpg");/**/
        }

    </style>
</head>

<nav th:replace="aim::navbar"></nav>

<body>
<div class="cl">
    <form th:action="@{/students/save}"  th:object= "${student}" method="POST">
        <input type="text" placeholder="姓名" th:field="${student.name}">
        <input type="text" placeholder="学号" th:field="${student.ID}">
        <input type="text" placeholder="性别" th:field="${student.sex}" list="one">
        <datalist id="one">
            <option>男</option>
            <option>女</option>
        </datalist>
        <br>
        <br>
        <input type="text" placeholder="所属学院" th:field="${student.collage}" list="two">
        <datalist id="two">
            <option>保护学院</option>
            <option>法律学院</option>
            <option>信息学院</option>
            <option>经济学院</option>
        </datalist>

        <input type="text" placeholder="专业" th:field="${student.major}" list="three">
        <datalist id="three">
            <option>森林保护</option>
            <option>森林法学</option>
            <option>森林信息</option>
            <option>森林经济</option>
        </datalist>
        <input type="text" placeholder="电话" th:field="${student.call}">

        <br>
        <br>
        <select th:field="*{teacherThree}" multiple="multiple" >
            <option th:each="teacher0: ${tea}" th:value="${teacher0.teacherID}" th:text="${teacher0.name}" th:placeholder="teacher0"></option>
        </select>

        <!--学院-->
        <select th:field="*{collageOne}" multiple="multiple">
            <option th:each="collage1: ${collage0}" th:value="${collage1.collageID}" th:text="${collage1.name}"></option>
        </select>

        <!--班级-->
        <select th:field="*{cateTwo}" multiple="multiple">
            <option th:each="cate1: ${cate0}" th:value="${cate1.classID}" th:text="${cate1.className}"></option>
        </select>

        <!--课程-->
        <select th:field="*{courseTwo}" multiple="multiple">
            <option th:each="course1: ${course0}" th:value="${course1.CID}" th:text="${course1.CName}"></option>
        </select>

        <!--专业-->
        <select th:field="*{majorsTwo}" multiple="multiple">
            <option th:each="major1: ${major0}" th:value="${major1.majorID}" th:text="${major1.majorName}"></option>
        </select>
        <button type="submit" >添加学生信息</button>
    </form>
<!--
    <div class="clo">
        <p>教<br>
            师
        </p>
    </div>

    <div class="clo1">
        <p>学<br>
            院
        </p>
    </div>

    <div class="clo2">
        <p>班<br>
            级
        </p>
    </div>

    <div class="clo3">
        <p>课<br>
            程
        </p>
    </div>

    <div class="clo4">
        <p>专<br>
            业
        </p>
    </div>
-->
</div>

</body>
</html>